@charset "utf-8";

@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* Noto Sans KR */
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:300;
src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:400;
src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:500;
src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:700;
src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

/* reset with normalize 
* {
	word-break:normal;
	box-sizing:border-box;
	-o-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -webkit-text-size-adjust:none;
}
*/
body, div, table, th, td, select, textarea, dl, dt, dd, ul, li, button, strong, p, span, b, a { font-family:'Microsoft YaHei','Simsun', 'SimHei', 'Tahoma', '맑은 고딕', 'Malgun Gothic','돋움','dotum','Helvetica',sans-serif; font-size:16px; line-height:1.3em; color: #222; word-wrap: break-word; }
* {max-height: 1000000px; box-sizing: border-box;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, figure { margin:0; padding:0;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
table { border-collapse:collapse; border-spacing:0;width:100%;}
fieldset, img { border:0;}
img, video { max-width:100%; border:0; vertical-align:top; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal;}
input,select,button{vertical-align:middle}
ol, ul { list-style:none;}
caption, th { text-align:left;}
hr, caption, legend {  display:none;}
h1,h2,h3,h4,h5,h6 {	font-size:100%; font-weight:normal;}
q:before, q:after { content:'';}
abbr, acronym {	border:0; font-variant:normal;}
sup { vertical-align:text-top;} sub { vertical-align:text-bottom;}
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit;}
* html input,textarea,select { font-size:100%;}
.blind, legend { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }

input, select, textarea {vertical-align: middle; }
img { max-width:100%; vertical-align:top; }
.fl { float:left; }
.fr { float:right; }
.b { border:1px solid #ff4200; }
.both { clear:both; }
.hide { display:none; }
.none { background:none !important; }
.rel { position:relative; }
.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center; }

input { border: 1px solid #dddddd; background: #fff; height:30px; padding: 0 0px; color:#333 !important; box-sizing: border-box}
input [type="checkbox"] { border: none; padding: 0; }
input [type="radio"] { border: none; padding: 0; }

input.chk { border: none; padding: 0; }
input.file_chk { border: none; padding: 0;height:28px;background:transparent; }
select { height:33px; border: 1px solid #dddddd;padding-left:5px;color:#333 !important;background:#fff; }
textarea { border: 1px solid #dddddd; background: #fff; padding: 6px 4px;color:#333 !important; }

/*link color style*/
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }


.sdonly {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;}
.sdonly:before, .sdonly:after {display:none !important;}

/*height space*/
.sp0 { height: 0px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }

.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }


/* button */
button { cursor:pointer;padding:5px 10px;color:#fff;border:0; }

.btn_al { float:left;word-spacing:5px;margin-bottom:40px; }
.btn_ac { clear:both;text-align:center;word-spacing:5px;margin-bottom:40px; }
.btn_ar { float:right;word-spacing:5px;margin-bottom:40px; }

.btn { display:inline-block;height:40px;line-height:40px;padding:0px 20px;text-align:center;color:#fff;font-weight:bold;word-spacing:0;text-decoration: none;font-size:15px;}
.btn_s { display:inline-block;height:35px;line-height:35px;text-align:center;color:#fff;font-weight:bold;padding:0 20px;text-decoration: none; }
.btn_xs { display:inline-block;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:bold;padding:0 15px;text-decoration: none; }

.btn_mod { background:#999999; }
.btn_mod:hover { background:#0a6553; }


.btn_check { background:#0000ff; }
.btn_submit { background:#0a6553; }

/* margin bottom */
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }

.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

@media all and (max-width:768px) {
	.mt15 { margin-top:10px !important; }
	.mt30 { margin-top:15px !important; }
	.mt40 { margin-top:40px !important; }
	.mt50 { margin-top:30px !important; }
}

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; clear:both;}

.hidden-w { display:block; }
.hidden-mp { display:none; }
.reveal-modal { display:block; }

@media all and (max-width:1100px) {
	.hidden-w { display:none; }
	.hidden-mp { display:block; }
	.reveal-modal { display:none; }
}